<%- include('header.html') -%>
<!-- <div class="banner-1" >
    <img src="/img/logo.png" width="100%" height="250px"/>
</div> -->
<div class="technology">
    <div class="container">
        <div class="col-md-9 technology-left">
            <div class="tech-no" >
                    <ol class="breadcrumb bg-white" style="background-color: #fff;">
                        <li class="breadcrumb-item"><a href="/">首页</a></li>
                        <li class="breadcrumb-item"><a href="/article/list/<%= articles.category_id %>"><%= articles.name %></a></li>
                        <li class="breadcrumb-item active"><%= articles.title %></li>
                    </ol>
                <div class="wthree" style=" border-radius: 0.2em;">
                    <div class="short-heading">
                        <h2 class="w3"><%= articles.title %></h2>
                    </div>
                    <div class="page-header" style="margin: 20px 0 20px;">
                        <p style="font-size: 0.5em;color:#ccc;text-align: right;">
                            <span class="mr-3">发表时间：<%= articles.time.toLocaleString() %></span>
                            <span class="mr-1">点击：<%= articles.hits %></span>
                        </p>
                      </div>
                    <div class="col-md-12 wthree-right wow fadeInDown"  data-wow-duration=".8s" data-wow-delay=".2s" >
                        <div class="card-body"><%- articles.content -%></div>
                        <div class="card-footer bg-white border-0">
                            <% tabs.forEach(tabs=>{ %>
                            <span class="badge badge-pill"><%= tabs.name %></span>
                            <% }); %>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- 分页 -->
            <div class="wthree" style="padding:0.5em">
                <div class="col-md-12 wthree-right wow fadeInDown"  data-wow-duration=".8s" data-wow-delay=".2s">
                    <nav >
                        <ul class="pagination mt-3" style="width: 100%;margin: 0;text-align: center; line-height: 2em;font-size: 0.8em;color:#bbb;">
                            <% if(prev) {%>
                                <li class="page-item" style="float: left;">
                                    <a class="page-link" href="/article/<%= prev.id %>"  style="color:#aaa">上一篇：<%= prev.title %></a>
                                </li>
                                <% }; %>
                                <% if(next) {%>
                                <li class="page-item ml-auto" style="float: right;">
                                    <a class="page-link" href="/article/<%= next.id %>"  style="color:#aaa">下一篇：<%= next.title %></a>
                                </li>
                                <% }else{%>
                                    <li class="page-item ml-auto" style="float: right;">
                                        <a class="page-link" href=""  style="color:#aaa">没有更多了</a>
                                    </li>
                                <%}; %>
                        </ul>
                    </nav>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <!-- technology-right -->
        <%- include('right.html') -%>
        <!-- technology-right -->
    </div>
    
</div>
        
    <!-- 引入尾部 -->
    <%- include('footer.html') -%>
